<template>
  <uv-popup ref="popup" @change="change" :safeAreaInsetBottom="false">
    <view class="video-view" v-if="show">
      <video class="video" :src="getSec" :autoplay="autoplay"></video>
    </view>
  </uv-popup>
</template>
<script>
  export default {
    props: {
      src: {
        type: String,
        default: ''
      },
      autoplay: {
        type: Boolean,
        default: true
      }
    },
    data() {
      return {
        videoSrc: '',
        show: false
      };
    },
    computed: {
      getSec() {
        return this.src || this.videoSrc;
      }
    },
    methods: {
      open(url) {
        this.videoSrc = url;
        this.$refs.popup.open();
      },
      close() {
        this.$refs.popup.close();
      },
      change(e) {
        this.show = e.show;
      }
    }
  };
</script>
<style scoped lang="scss">
  .video-view {
    width: 750rpx;
    .video {
      width: 750rpx;
    }
  }
</style>
